<template>
	<div>
		<!-- 软件商品的展示区块 -->
		<div class="container">
			<div class="pos-current cut50 ft14 mgbt20"><i class="ion-ios-home-outline ft20 colty range-rg"></i>当前位置：首页 &gt;
				<a href="http://127.0.0.1:8020/wangaho_kfzlm/website/application/cms/view/product/index.html?cid=%7Bphp%7Dif%28isset%28%24_GET%5B%27cid%27%5D%29%29%7Becho+%24_GET%5B%27cid%27%5D%3B%7D%7B%2Fphp%7D&amp;hyid=%7Bphp%7Dif%28isset%28%24_GET%5B%27hyid%27%5D%29%29%7Becho+%24_GET%5B%27hyid%27%5D%3B%7D%7B%2Fphp%7D&amp;rz=%7Bphp%7Dif%28isset%28%24_GET%5B%27rz%27%5D%29%29%7Becho+%24_GET%5B%27rz%27%5D%3B%7D%7B%2Fphp%7D&amp;shengid=0&amp;shiid=0#" class="colty">整体作品</a>
			</div>
			<div class="works-content cl">
				<!-- 软件项目展示的区域 -->
				<div class="list-for">
					<!-- <a href="http://softstore.eonfox.com/detail.html#/?id=50d1899698510a14281ff415460551198"> -->
					<router-link to="/list">
						<div class="wk-pic"><img src="../../../assets/images/test.png">
							<div class="mask"></div>
							<div class="fc-show-btn ft14"><span class="show-detail">查看详情</span><span class="show-preview">在线预览</span></div>
						</div>
						<div class="wk-title cl">
							<div>
								<p class="over-hide ft15">测试</p>
								<p class="col9 over-hide">适用范围：测试</p>
							</div>
						</div>
						<div class="wk-other">
							<div class="fl col9"><i class="ion-ios-eye-outline range-rg ft20"></i>测试&nbsp;&nbsp;&nbsp;&nbsp;<i class="ion-android-favorite-outline range-rg ft14"></i>测试</div>
							<div class="fr score score-3"></div>
						</div>
					</router-link>
				    <!-- </a> -->
				</div>
				<div class="list-for">
					<!-- <a href="worksDet.html"> -->
					<router-link to="/list">
						<div class="wk-pic"><img src="../../../assets/images/test.png">
							<div class="mask"></div>
							<div class="fc-show-btn ft14"><span class="show-detail">查看详情</span><span class="show-preview">在线预览</span></div>
						</div>
						<div class="wk-title cl">
							<div>
								<p class="over-hide ft15">测试</p>
								<p class="col9 over-hide">适用范围：测试</p>
							</div>
						</div>
						<div class="wk-other">
							<div class="fl col9"><i class="ion-ios-eye-outline range-rg ft20"></i>测试&nbsp;&nbsp;&nbsp;&nbsp;<i class="ion-android-favorite-outline range-rg ft14"></i>测试</div>
							<div class="fr score score-3"></div>
						</div>
					<!-- </a> -->
					</router-link>
				</div>
				<div class="list-for">
					<router-link to="/list">
						<div class="wk-pic"><img src="../../../assets/images/test.png">
							<div class="mask"></div>
							<div class="fc-show-btn ft14"><span class="show-detail">查看详情</span><span class="show-preview">在线预览</span></div>
						</div>
						<div class="wk-title cl">
							<div>
								<p class="over-hide ft15">测试</p>
								<p class="col9 over-hide">适用范围：测试</p>
							</div>
						</div>
						<div class="wk-other">
							<div class="fl col9"><i class="ion-ios-eye-outline range-rg ft20"></i>测试&nbsp;&nbsp;&nbsp;&nbsp;<i class="ion-android-favorite-outline range-rg ft14"></i>测试</div>
							<div class="fr score score-3"></div>
						</div>
					</router-link>
				</div>
				<div class="list-for">
					<router-link to="/list">
						<div class="wk-pic"><img src="../../../assets/images/test.png">
							<div class="mask"></div>
							<div class="fc-show-btn ft14"><span class="show-detail">查看详情</span><span class="show-preview">在线预览</span></div>
						</div>
						<div class="wk-title cl">
							<div>
								<p class="over-hide ft15">测试</p>
								<p class="col9 over-hide">适用范围：测试</p>
							</div>
						</div>
						<div class="wk-other">
							<div class="fl col9"><i class="ion-ios-eye-outline range-rg ft20"></i>测试&nbsp;&nbsp;&nbsp;&nbsp;<i class="ion-android-favorite-outline range-rg ft14"></i>测试</div>
							<div class="fr score score-3"></div>
						</div>
					</router-link>
				</div>
				<div class="list-for">
					<router-link to="/list">
						<div class="wk-pic"><img src="../../../assets/images/test.png">
							<div class="mask"></div>
							<div class="fc-show-btn ft14"><span class="show-detail">查看详情</span><span class="show-preview">在线预览</span></div>
						</div>
						<div class="wk-title cl">
							<div>
								<p class="over-hide ft15">测试</p>
								<p class="col9 over-hide">适用范围：测试</p>
							</div>
						</div>
						<div class="wk-other">
							<div class="fl col9"><i class="ion-ios-eye-outline range-rg ft20"></i>测试&nbsp;&nbsp;&nbsp;&nbsp;<i class="ion-android-favorite-outline range-rg ft14"></i>测试</div>
							<div class="fr score score-3"></div>
						</div>
					</router-link>
				</div>
				
			</div>
			<!--分页-->
			<div class="union-page">
				<span class="up_page">上一页</span> 
				<span class="page_num">1/99</span>
				<span class="down_page">下一页</span>
				<span class="page_num"><input type="text" name="" id="" value="" /></span>
				<a href="#">跳转</a>
			</span>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		name: 'HomeContent',
	}
</script>

<style>

	.wk-pic{
		border:1px solid ;
	}
</style>
